/*
 * Generate Margin Class
 * margin, margin-top, margin-bottom, margin-left, margin-right
 * Generate Padding Class
 * padding, padding-top, padding-bottom, padding-left, padding-right
 */
.marginLoop(@n,@i:0) when (@i<=@n){
    @a:@i*5;
    @p:@i*5px;
    .m-@{a} {margin: @p !important;}
    .m-t-@{a} {margin-top: @p !important;}
    .m-b-@{a} {margin-bottom: @p !important;}
    .m-l-@{a} {margin-left: @p !important;}
    .m-r-@{a} {margin-right: @p !important;}
    .p-@{a} {padding: @p !important;}
    .p-t-@{a} {padding-top: @p !important;}
    .p-b-@{a} {padding-bottom: @p !important;}
    .p-l-@{a} {padding-left: @p !important;}
    .p-r-@{a} {padding-right: @p !important;}

    .marginLoop(@n,(@i+1));
}
.marginLoop(6,0);

// 登陆页面
body {
    font-family: 'Roboto','Microsoft YaHei';
    font-size: 13px;
    line-height: 1.42857143;
    color: #5e5e5e;
    background-color: #edecec;
    &.login-content {
        text-align: center;
        &:before {
            height: 38%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #00bcd4;
            content: "";
            z-index: 0;
        }

        &:after {
            content: "";
            vertical-align: middle;
            display: inline-block;
            width: 1px;
            height: 100%;
        }
    }
}

#loginform{ vertical-align: middle; width: 100%; height: 100%; 
  .md-block{
    width: 298px;
    margin:8px 0;
    font-size: 16px;
  }
}


#l-login {
  background: #fff;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
  border-radius: 2px;
  display: inline-block;
  margin-top: -128px;
  vertical-align: middle;
  top: 38%;
  position: relative;
  &.toggled{
        z-index: 10;
  }
  &:not(.lcb-alt){
    padding: 35px 55px 35px;
  }
}

.btn-login {
    top: 50%;
    margin-top: -25px;
    right: -35px;
    position: absolute !important;
}

//
.content-wrapper {
    position: relative;
}

/*-----font-size-----*/ 
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18{font-size: 18px;}
.f38{font-size: 38px;}

/*-----text-align-----*/ 
.text-c {text-align: center;}
.text-l {text-align: left;}
.text-r {text-align: right;}

/*-----float-----*/ 
.f-l {float: left;}
.f-r {float: right;}